<template>
  <div>
    <sn-button type="">默认按钮</sn-button>
    <sn-button type="primary">默认按钮</sn-button>
    <!-- <sn-button type="info">默认按钮</sn-button>
    <sn-button type="success">默认按钮</sn-button>
    <sn-button type="warning">默认按钮</sn-button>
    <sn-button type="danger">默认按钮</sn-button>
    <hr />
    <sn-button @click="handleClick" icon="" type="">默认按钮</sn-button>
    <sn-button @click="handleClick" icon="switch-button" type="primary"
      >默认按钮</sn-button
    >
    <sn-button @click="handleClick" icon="switch-button" loading type="info"
      >默认按钮</sn-button
    >
    <sn-button @click="handleClick" icon="cpu" type="success">
      后置icon
      <i class="sn-icon-cpu"></i>
    </sn-button>
    <sn-button @click="handleClick" icon="table-lamp" disabled type="warning"
      >默认按钮</sn-button
    >
    <sn-button @click="handleClick" icon="collection-tag" type="danger"
      >默认按钮</sn-button
    >
    <hr />
    <sn-button disabled type="">默认按钮</sn-button>
    <sn-button disabled type="primary">默认按钮</sn-button>
    <sn-button disabled type="info">默认按钮</sn-button>
    <sn-button disabled type="success">默认按钮</sn-button>
    <sn-button disabled type="warning">默认按钮</sn-button>
    <sn-button disabled type="danger">默认按钮</sn-button>
    <hr />
    <sn-button size="medium" type="">默认按钮</sn-button>
    <sn-button size="medium" type="primary">默认按钮</sn-button>
    <sn-button size="medium" type="info">默认按钮</sn-button>
    <sn-button size="medium" type="success">默认按钮</sn-button>
    <sn-button size="medium" type="warning">默认按钮</sn-button>
    <sn-button size="medium" type="danger">默认按钮</sn-button>
    <hr />
    <sn-button size="small" type="">默认按钮</sn-button>
    <sn-button size="small" type="primary">默认按钮</sn-button>
    <sn-button size="small" type="info">默认按钮</sn-button>
    <sn-button size="small" type="success">默认按钮</sn-button>
    <sn-button size="small" type="warning">默认按钮</sn-button>
    <sn-button size="small" type="danger">默认按钮</sn-button>
    <hr />
    <sn-button size="mini" type="">默认按钮</sn-button>
    <sn-button size="mini" type="primary">默认按钮</sn-button>
    <sn-button size="mini" type="info">默认按钮</sn-button>
    <sn-button size="mini" type="success">默认按钮</sn-button>
    <sn-button size="mini" type="warning">默认按钮</sn-button>
    <sn-button size="mini" type="danger">mini按钮</sn-button>
    <hr />
    <sn-button size="mini" icon="plus">默认按钮</sn-button>
    <sn-button size="mini" type="primary" icon="ice-cream-round"
      >默认按钮</sn-button
    >
    <sn-button
      size="mini"
      type="success"
      circle
      disabled
      icon="grape"
    ></sn-button>
    <sn-button
      size="mini"
      type="info"
      circle
      loading
      icon="location-information"
    ></sn-button>
    <sn-button
      size="mini"
      type="warning"
      circle
      icon="switch-button"
    ></sn-button>
    <sn-button size="mini" type="danger" circle icon="chat-round"></sn-button>
    <hr />
    <sn-button size="mini" text icon="plus">文字按钮</sn-button>
    <sn-button size="mini" text type="primary" icon="ice-cream-round"
      >文字按钮</sn-button
    >
    <sn-button size="mini" text type="success" disabled icon="grape"
      >文字按钮</sn-button
    >
    <sn-button size="mini" text type="info" loading icon="location-information"
      >文字按钮</sn-button
    >
    <sn-button size="mini" text type="warning" icon="switch-button"
      >文字按钮</sn-button
    >
    <sn-button size="mini" text type="danger" icon="chat-round"
      >文字按钮</sn-button
    >
    <hr />
    <sn-button size="mini" backgroundColor="#66b1ff" color="" text icon="plus"
      >自定义颜色</sn-button
    >
    <sn-button size="mini" backgroundColor="" color="">自定义颜色</sn-button>
    <sn-button size="mini" backgroundColor="#8cc5ff" color="#999" disabled
      >自定义颜色</sn-button
    >
    <sn-button size="mini" backgroundColor="#a0cfff" color="#999" loading
      >自定义颜色</sn-button
    >
    <sn-button size="mini" backgroundColor="#b3d8ff" color="#999"
      >自定义颜色</sn-button
    >
    <sn-button size="mini" backgroundColor="#c6e2ff" color="#999"
      >自定义颜色</sn-button
    >
    <hr /> -->
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {},
  },
};
</script>
